<template>
  <div class="app-container">
    <div class="container-center">
      <el-steps :active="steps" class="mb-20">
        <el-step title="招标"></el-step>
        <el-step title="投标"></el-step>
        <el-step title="开标"></el-step>
        <el-step title="评标"></el-step>
        <el-step title="定标"></el-step>
        <el-step title="公示"></el-step>
      </el-steps>
      <el-card shadow="never" class="mb-20">
        <div slot="header" class="clearfix">
          <span>开标准备</span>
        </div>

        <el-form :model="form" label-width="120px">
          <el-row>
            <el-col :md="6">
              <el-form-item label="活动名称：">
                {{ form.name }}
              </el-form-item>
            </el-col>
            <el-col :md="6">
              <el-form-item label="报名截止时间：">
                {{ form.end_time }}
              </el-form-item>
            </el-col>
            <el-col :md="6">
              <el-form-item label="招标编号：">
                {{ form.code }}
              </el-form-item>
            </el-col>
            <el-col :md="6">
              <el-form-item label="投标截止时间：">
                {{ form.last_time }}
              </el-form-item>
            </el-col>
            <el-col :md="6">
              <el-form-item label="采购单位：">
                {{ form.company }}
              </el-form-item>
            </el-col>
            <el-col :md="6">
              <el-form-item label="开标时间：">
                {{ form.start_time }}
              </el-form-item>
            </el-col>
            <el-col :md="6">
              <el-form-item label="招标方式：">
                {{ form.way }}
              </el-form-item>
            </el-col>
          </el-row>
        </el-form>
      </el-card>
      <div class="text-center">
        <el-button
          type="primary"
          v-permission="['expert']"
          style="margin-right: 10px"
          size="large"
          plain
          >变更历史
        </el-button>
        <router-link
          to="/bidding/evaluation_hall_purchaser"
          v-if="checkPermission(['purchaser', 'bidder'])"
        >
          <el-button type="primary" size="large" icon="el-icon-office-building"
            >进入评标大厅
          </el-button>
        </router-link>
        <router-link
          to="/bidding/evaluation_hall_supplier"
          v-if="checkPermission(['supplier'])"
        >
          <el-button type="primary" size="large" icon="el-icon-office-building"
            >进入评标大厅
          </el-button>
        </router-link>
        <router-link
          to="/bidding/evaluation_hall_expert"
          v-if="checkPermission(['expert'])"
        >
          <el-button type="primary" size="large" icon="el-icon-office-building"
            >进入评标大厅
          </el-button>
        </router-link>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      form: {
        name: "招标名称",
        end_time: "2020-03-01  14:59:59",
        code: "XJD-998376241",
        last_time: "--",
        company: "北京国电龙源环保工程有限公司",
        start_time: "2020-12-31 12:00:00",
        way: "公开招标",
      },
      steps: 3,
    };
  },
  methods: {
    handleComplete() {
      this.$alert("供应商报价少于3家弹框提示是否继续开标？", "系统提示", {
        confirmButtonText: "确定",
        callback: (action) => {
          this.$message({
            type: "success",
            message: `开标完成，系统将调用大华接口开启现场监控！`,
          });
        },
      });
    },
  },
};
</script>

<style lang="scss" scoped></style>
